import $ from 'jquery'
if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
  //  alert('手机端')
  // var abc = document.documentElement.clientWidth
  // //  设计稿的宽度
  // var bl = abc / 750
  // var fontSize = 100 * bl
  // document.documentElement.style.fontSize = fontSize + 'px'
  var d = window
  var c = d.document
  var a = c.documentElement
  var b = d.devicePixelRatio
  var f

  function e () {
    var h = a.getBoundingClientRect().width
    var g = ''
    if (b === 1) {
      h = 750
    }
    if (h > 750) h = 750//  设置基准值的极限值
    g = h / 7.5
    a.style.fontSize = g + 'px'
  }

  if (b > 2) {
    b = 3
  } else {
    if (b > 1) {
      b = 2
    } else {
      b = 1
    }
  }
  a.setAttribute('data-dpr', b)
  d.addEventListener('resize', function () {
    clearTimeout(f)
    f = setTimeout(e, 200)
  }, false)
  e()
} else {
  //  alert('PC端')
  var whdef = 100 / 1920 //  表示1920的设计图,使用100PX的默认值
  //  var wH = window.innerHeight //  当前窗口的高度
  var wW = window.innerWidth //  当前窗口的宽度
  var rem
  if (wW <= 1024) {
    rem = 1024 * whdef
  } else {
    //  以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
    rem = wW * whdef
  }
  $('html').css('font-size', rem + 'px')
  //  绑定到窗口的这个事件中
  $(window).resize(function () {
    var whdef = 100 / 1920 //  表示1920的设计图,使用100PX的默认值
    //  var wH = window.innerHeight //  当前窗口的高度
    var wW = window.innerWidth //  当前窗口的宽度
    if (wW <= 1024) {
      rem = 1024 * whdef
    } else {
      rem = wW * whdef //  以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
    }
    $('html').css('font-size', rem + 'px')
    //  var H = document.documentElement.scrollHeight
    //  $('html').height(H)
  })
}
